@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2016-12-31 09:12:20
 * @version $Id$
 */
*{box-sizing: border-box;}
.bk{outline: .03rem solid red;}
.wrapper{
    width: 7.11rem;
    margin:0 auto;
}
.container{
    max-width: 7.5rem;
    margin: 0 auto;
}
body{font-size: 100;}
.header .top-mask{
    height: .88rem;width: 100%;
    font-size: 0;
    position: relative;
}
.header .top-mask span.top-tit{
    position: absolute;
    left: 48%;top: 30%;
    font-size: .36rem;
    color: #fff;
}
.header .top-mask img{
     height: 1.28rem;width: 100%;
}
.header  .find-top-swiper{
    height: 3.13rem;width:7.5rem;
}
.header  .find-top-swiper img{
    height: 3.13rem;width: 7.5rem;
}
.header  .find-top-swiper .swiper-slide{
    position: relative;
}
.header  .find-top-swiper .swiper-slide img{
     width: 100%;height: 100%;
}
.header  .find-top-swiper .active{
    width: 100%;height: 100%;background:#000;
    position: absolute;left: 0;top: 0;
    opacity: .5;
}
.header  .find-top-swiper .swiper-slide .slide-cont{
    position: absolute;
   left: 50%;top: 50%;margin-left: -1.8rem;margin-top: -.65rem;
    z-index: 99999;
    font-size: .2rem;
    width: 3.6rem;height: 1.32rem;
    background: url(../images/find-top-line.png) no-repeat;
    background-size: 100%;
}
.header .f-btn span{
    width: .2rem;height: .2rem;
    margin-top: .2rem;
    vertical-align: bottom;

}
 .find-top-swiper .swiper-slide .slide-cont .pic{
    display: inline-block;
    width: .9rem;height: .9rem;
     margin:.15rem .3rem .02rem .2rem;
 }
  .find-top-swiper .swiper-slide .slide-cont .pic img{
    width: 100%;height: 100%;
  }
   .find-top-swiper .swiper-slide .slide-cont .tit{
    display: inline-block;
    font-size: .24rem;
    color: #fff;font-weight: 500;
    width: 2rem;height: .7rem;
    vertical-align: middle;
    margin-top: .1rem;
    border-bottom:.02rem solid #fff;
    padding-bottom: .8rem;
    text-align: center;
    vertical-align: top;
   } 
.find-top-swiper .swiper-slide .slide-cont .f-tit{
    text-align: center;
    color: #fff;
    font-size:.28rem;
    /*transform:translateY(.2rem)；*/
}
.top-main{
    max-width: 7.5rem;
    height: 2.4rem;
    border-bottom: .02rem solid #eeedee;
}
.top-main ul{
    padding:.3rem .15rem;
    font-size: .24rem;
    color: #333333;
}
.top-main ul li {
    display: inline-block;
    margin-right: .5rem;
    width: 1.35rem;
}
.top-main ul li  img{
    width: 1.35rem;height: 1.35rem;
    }
.top-main ul li:nth-child(4){
    margin-right: 0;
}
.top-main ul li a{
    display:block;
    color: #000;
    font-weight: 700;
}
.top-main ul li a.cont{
    color: 333333;
    font-weight: 500;
}
.top-main ul li .tit{
    text-align: center;
    margin-top: .2rem;
}
.find-cont{
    width: 100%;
}
.find-cont h3{
    margin-top: .2rem;
    margin-bottom: .2rem;
}
.find-cont .recommend-cont{
    margin-bottom: .2rem;
}
.find-cont .c-top-bg{
    width: 100%;height: .2rem;
    background: #eeeeee;
}
.find-cont .cont-top{
    font-size: 0;
}
.find-cont .cont-top .c-left{
    display: inline-block;
    font-size: .28rem;
    margin-top: .15rem;
}
.find-cont .cont-top .c-left p{
    display: inline-block;
    vertical-align: middle;
}
.find-cont .cont-top .c-left .pic{

}
.find-cont .cont-top .c-left .tit{
    color: #000;
}
.find-cont .cont-top .c-left .tit span{
    font-size: .2rem;
    color: #666;
}
.find-cont .cont-top .c-right{
    display: inline-block;
    font-size: .24rem;
 
    width: 1.05rem;
    height: .48rem;
    text-align: center;
    line-height: .48rem;
    border-radius: .25rem;
    border:.03rem solid #f32f7b;
    float: right;
    margin-top: .35rem;
}
.find-cont .cont-top .c-right a{
       color: #f32f7b;
}
.find-cont .cont-pic{
    width: 5.58rem;height: 5rem;
    overflow: hidden;
    margin-top: .3rem;
}
.find-cont .cont-pic img{
    width: 7.5rem;height: 5rem;
    /*transform:translateX(-3rem);*/

}
.find-cont h3{
    font-size: .28rem;
    color: #333333;
}
.find-cont .recommend-cont{
    font-size: .24rem;
    color:#666;
}
.find-cont  .evaluate{
    font-size: 0;
}
.find-cont  .evaluate li{
    display: inline-block;
    width: 1.3rem;height: 1.4rem;
    margin-right: .5rem;
    position: relative;
}
.find-cont  .evaluate li .num{
    display: block;
    position: absolute;
    left:50%;top: 0;
    margin-left: -.1rem;
    color: #999999;
    font-size: .24rem;
}
.find-cont  .evaluate li:nth-child(1) .num{
    margin-left: -.18rem;
}
.find-cont  .evaluate li:nth-child(4){
    margin-right: 0;
}
.find-cont  .evaluate li img{
    width: 100%;height: 100%;
    vertical-align: top;
}
.find-cont  .evaluate li:hover .num{
    color: red;
}
 .c-line{
    width: 100%;height: .03rem;
    background: gray;
    margin-top: .5rem;
}
.correlation{
    width: 100%;
    font-size: .28rem;
    color: #999999;
}
.correlation h3{
    font-size: .28rem;
    color: #000;
    margin-bottom: .3rem;
}
.correlation .list li{
    margin-bottom: .5rem;
}
.correlation .list li span{
    margin: 0 .6rem;
}